
<h1 style="font-family: 幼圆;font-size:40px;margin-left: 150px;margin-top: 50px">仓库使用率</h1>

<script type="text/javascript">
    var options = {
    	stacked: false,
    	gutter:20,
		axis: "0 0 1 1", // Where to put the labels (trbl)
		axisystep: 10 // How many x interval labels to render (axisystep does the same for the y axis)
	};
	
	$(function() {
        // Creates canvas
        var r = Raphael("chartHolder");
        var data = [[0.1,0.45,0.30,0.70,1.0,0.20]]
        
        // stacked: false
		var chart1 = r.barchart(40, 100, 400, 220, data, options).hover(function() {
            this.flag = r.popup(this.bar.x, this.bar.y, this.bar.value).insertBefore(this);
        }, function() {
            this.flag.animate({opacity: 0}, 400, ">", function () {this.remove();});
        });
		chart1.label([["1:一楼仓库",  "2:二楼仓库", "3:三楼仓库", "4:四楼仓库","5:五楼仓库","6:六楼仓库"]],true);
		
	});
</script>

<div id="chartHolder"></div>